<template>
  <div>
    <div class="week">周末去哪儿</div>
    <div class="week-text" v-for="item in list.weekendList" :key="item.id">
        <img class="week-img" :src="item.imgUrl" alt="">
        <h3>{{item.title}}</h3>
        <p>{{item.desc}}</p>
    </div>
  </div>
</template>

<script>
export default {
    props:{
        list:{
            type:Object,
            required:true
        }
    }
};
</script>

<style lang="stylus" scoped>
.week
   padding: 2%
   .week-text
      width: 100%
.week-img
    width: 100%
h3
 padding-top: 10px
p 
  color: #aaa
  padding: 10px 0
</style>